<template>
  <div class="search-container">Search</div>
</template>

<script>
export default {
  name: 'Search',
  data() {
    return {
      // 用来接收路由参数
      searchValue: ''
    }
  },
  created() { // 生命周期函数--Vue实例已创建完毕,data、props、methods处于可用状态
  // 获取路由的路径参数并挂载到data中进行使用
    this.searchValue = this.$route.params.searchValue
    console.log(this.searchValue)
  }
}
</script>

<style lang="less" scoped></style>
